<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>设计模式学习</title>
</head>

<body>
  <h1>Javascript Design Mode</h1>
  <h2>学习慕课网《Javascript 设计模式系统讲解与应用》</h2>
  <p>视频资源：<a href="https://coding.imooc.com/class/255.html">Javascript 设计模式系统讲解与应用</a></p>
  <ul>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/video/面向对象.md">面向对象</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/video/设计原则.md">设计原则</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/video/模式概览.md">模式概览</a></li>
  </ul>

  <h2>《JavaScript 设计模式与开发实践》</h2>
  <ul>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/this-call-apply.md">this-call-apply</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/闭包和高阶函数.md">闭包和高阶函数</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/单例模式.md">单例模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/策略模式.md">策略模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/代理模式.md">代理模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/迭代器模式.md">迭代器模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/发布订阅模式.md">发布-订阅模式</a>
    </li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/命令模式.md">命令模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/组合模式.md">组合模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/模板方法模式.md">模板方法模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/享元模式.md">享元模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/职责链模式.md">职责链模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/中介者模式.md">中介者模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/装饰者模式.md">装饰者模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/状态模式.md">状态模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/practice/适配器模式.md">适配器模式</a></li>
  </ul>

  <h4>$ 设计原则和编程技巧</h4>
  <ul>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/rule/单一职责原则.md">单一职责原则</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/rule/最少知识原则.md">最少知识原则</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/rule/开放封闭原则.md">开放-封闭原则</a></li>
    <li>
      <a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/rule/接口和面向接口编程.md">接口和面向接口编程</a>
    </li>
    <i><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/rule/代码重构.md">代i>
  </ul>

  <h2>《JavaScript 设计模式》</h2>
  <ul>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/mode/面向对象编程.md">面向对象编程</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/mode/创建型设计模式.md">创建型设计模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/mode/结构型设计模式.md">结构型设计模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/mode/行为型设计模式.md">行为型设计模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/mode/技巧型设计模式.md">技巧型设计模式</a></li>
    <li><a href="https://github.com/yangtao2o/javascript-design-mode/blob/master/doc/mode/架构型设计模式.md">架构型设计模式</a></li>
  </ul>
</body>

</html>